<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>詳細內容</title>
    <meta name="description" content="Kenny is a Dashboard & Admin Site Responsive Template by hencework." />
    <meta name="keywords" content="admin, admin dashboard, admin template, cms, crm, Kenny Admin, kennyadmin, premium admin templates, responsive admin, sass, panel, software, ui, visualization, web app, application,sortable, reorder, list, javascript, html5, drag and drop, dnd, animation, groups, angular, ng-sortable, effects, rubaxa" />
    <meta name="author" content="hencework" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link href="__STATIC__/admin/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    
    <style>
        .mains {
            background-color: #eee; 
            height: 100%;
            padding-bottom: 20px;
        } 

        .cen_top {
            background-color: #fff;
            height: 135px;
            border-radius: 6px;
            padding-top: 20px;
        }

        .inline {
            display: inline-block;
            height: 33px;
            width: 0;
            vertical-align: middle;
            border: 2px solid #566FC9;
            margin-right: 10px;
            margin-top: -12px;
        }

        .lines {
            height: 2px;
            background-color: #ddd;
            margin-left: 4%;
            margin-top: 10px;
        }
        .cen_but{
            background-color: #fff;
            border-radius: 6px;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .lists{
       /*     border-bottom: 2px solid #ddd;*/
            padding-bottom: 20px;
        }
        .popup_but{
            float: initial !important;
            vertical-align: top !important;
            background: #566FC9 !important;
            color: #fff !important;
            text-decoration: none !important;
            margin: 0 !important;
        }
    </style>
    <!--up更改-->
    <link rel="stylesheet" href="__STATIC__/admin/dist/css/modify-up.css" />
</head>
 
<body>
    <div class="container-fluid mains">
        <div class="row" style="margin-top:20px;">
            <div class="col-md-3"></div>
            <div class="col-md-6 cen_top">
                <i class="inline"></i>
                <h2 style="display: inline-block;">詳細內容</h2>
                <div class="row">

                    <div class="col-md-11 lines">

                    </div>

                </div>
            </div>
            <div class="col-md-3"></div>
        </div> 
        <form action="/admin/Index/readthis?id={$id}" method="post" id="Form">
        <div class="row" style="margin-top:20px;">
                <div class="col-md-3"></div>
                <div class="col-md-6 cen_but">
                	{foreach name="annonce" item="v" key="key" }
                     <!-- 详情 -->
                   <div class="row">
                       <div class="col-md-1"></div>
                      
                       <div class="col-md-10 lists">
                           <div class="row">
                               <div class="col-md-2"></div>
                               <div class="col-md-8" style="text-align: center;">
                                    <h3>{$v['title']}</h3>
                                    <h5 style="color: #787a7e;
                                    display: inline-block;    margin-right: 10px;">{$v['name']}</h5><span class="glyphicon glyphicon-time" aria-hidden="true" style="color: #787a7e;"></span>
                                    <span style="color: #787a7e;">{$v['add_time']}</span>
                                    
                               </div>
                               <div class="col-md-2"></div>
                        
                            </div>
                            <div class="row">
                                <div class="col-md-1"></div>
                                <div class="col-md-10">
                                 {$v['content']}
                                
                                </div>
                                <div class="col-md-1"></div>
                     
                            </div>
                            
                            <div class="row" style="margin-top:30px;">
                                <div class="col-md-1"></div>
                                
                                <div class="col-md-10" id="sure">
                                    <div style="margin: 0 auto;width: 100%;text-align: center;">
                                        {if condition="(empty($v['is_sign']))"}
                                        <input type="button"  value="确认收到" id="sub" class="suc_butB mr-10 popup_but" />
                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                        {/if}
                                         <a class="btn-color" href="/admin/Index/annonceList" target="_self"><input type="button"  value="返回" class="suc_butB mr-10 popup_but" /></a>
                                    </div>
                                 	
                                </div>
                                
                                <div class="col-md-1"></div>
                            </div>
                        </div>
                    </div>
                    {/foreach}
                   

                </div>
                <div class="col-md-3"></div>
            </div>
            </form>
    </div>
    <!--遮罩层-->
    <div class="maksa"></div>
    <!--提示弹窗-->
    <div class="popup" id="popup_1">
        <div class="popup_top">提示</div>
        <div class="popup_cont">保存成功！</div>
        <div class="popup_but">确定</div>
    </div>
    
    <!--提示弹窗-->
    <div class="popup" id="popup_2">
        <div class="popup_top">提示</div>
        <div class="popup_cont">确认提交？</div>
        <div class="popup_butA">确定</div>
        <div class="popup_butB">取消</div>
    </div>
    <!-- jQuery -->
    <script src="__STATIC__/admin/dist/js/jquery.min.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="__STATIC__/admin/dist/js/bootstrap.min.js"></script>
    <script src="__STATIC__/admin/dist/js/jquery-ui.min.js"></script>
    <script type="text/javascript">
        //提示信息弹窗
        function vinfo(data){
            $(".maksa").css("width",$(window).width());
            $(".maksa").css("height",$(document).height());
            $(".maksa").show();
            $(".popup").css("left",($(window).width()-$(".popup").width())/2);
            $(".popup").css("top",($(window).height()-$(".popup").height())/2);
            $("#popup_2").hide();
            $("#popup_1").show();  //简单的触发弹窗事件如果要触发自己想要的弹窗 请修改选择器为ID选择器 两种弹框
            $('#popup_1 .popup_cont').html(data);
        } 
        //点击保存
        $("#sub").click(function(){
            $(".maksa").css("width",$(window).width());
            $(".maksa").css("height",$(document).height());
            $(".maksa").show();
            $(".popup").css("left",($(window).width()-$(".popup").width())/2);
            $(".popup").css("top",($(window).height()-$(".popup").height())/2);
            $(".popup").show();  //简单的触发弹窗事件如果要触发自己想要的弹窗 请修改选择器为ID选择器 两种弹框
        })
        //提交
        $(".popup_butA").click(function(){
            $.ajax({
                type:"POST",
                url :$("#Form").attr('action'),
                data:$("#Form").serialize(),
                dataType:'json',
                success:function(data){
                    $('#sub').css('display','none');
                    $(".maksa").hide();
                    $(".popup").hide();
                }
            })
        })
        //取消
        $(".popup_butB").click(function(){
            $(".maksa").hide();
            $(".popup").hide();
        })
    </script>
</body>

</html>




